BOTÓN DE ACCESIBILIDAD
Laboratorio de Tecnologías Inclusivas · SCyT · Chubut
Versión 1.1

======================================================================
QUÉ HAY EN ESTA CARPETA
======================================================================

  accesibilidad-lti.js ... el botón (es el único archivo necesario)
  ejemplo.html ........... una página de prueba: abrila con doble clic
                           para ver cómo funciona
  CÓMO INSTALAR.txt ...... estas instrucciones


======================================================================
INSTALACIÓN EN 2 PASOS (cualquier página web)
======================================================================

1) Subí el archivo "accesibilidad-lti.js" a tu sitio web, en la misma
   carpeta donde están tus páginas (con el administrador de archivos
   de tu hosting o por FTP).

2) En cada página donde quieras el botón, pegá esta línea justo antes
   de </body>:

      <script src="accesibilidad-lti.js" defer></script>

   Si pusiste el archivo en otra carpeta, cambiá la ruta. Por ejemplo:

      <script src="/js/accesibilidad-lti.js" defer></script>

Listo. El botón naranja aparece abajo a la derecha de la página.


======================================================================
SI TU SITIO ES WORDPRESS (u otro sistema donde no podés subir .js)
======================================================================

1) Instalá un plugin para agregar código, por ejemplo "WPCode"
   (Insert Headers and Footers).
2) Creá un fragmento nuevo para el PIE de página (Footer).
3) Escribí <script>, pegá debajo TODO el contenido del archivo
   accesibilidad-lti.js (abrilo con el Bloc de notas, Ctrl+A, Ctrl+C)
   y terminá con </script>. Queda así:

      <script>
      ... todo el contenido del archivo ...
      </script>

4) Guardá y activá el fragmento.


======================================================================
OPCIONES (no son obligatorias)
======================================================================

Se agregan dentro de la misma línea del paso 2:

  Botón a la izquierda:
      <script src="accesibilidad-lti.js" data-posicion="izquierda" defer></script>

  Compartir las preferencias entre varios sitios del mismo dominio
  (por ejemplo, todas las páginas terminadas en chubut.gov.ar):
      <script src="accesibilidad-lti.js" data-dominio="chubut.gov.ar" defer></script>


======================================================================
QUÉ HACE EL BOTÓN
======================================================================

- Perfiles rápidos: Baja visión, Dislexia, Concentración y
  Lectura asistida (narrador por voz).
- Texto: tamaño, espaciado, fuente legible o para dislexia,
  alinear a la izquierda.
- Color: contraste oscuro/claro, corrección de daltonismo,
  saturación, fondo crema.
- Navegación: resaltar enlaces y títulos, foco del teclado,
  cursor grande, guía o máscara de lectura.
- Contenido: detener animaciones, ocultar imágenes.
- Las opciones que elige cada persona se guardan en su navegador
  y se aplican solas la próxima vez que entra.
- Atajo de teclado: Alt + A abre y cierra el menú.


======================================================================
PARA TENER EN CUENTA
======================================================================

- El narrador usa las voces del navegador. La voz argentina "Elena"
  está en Microsoft Edge. En Chrome se usa "Google español".
- Las tipografías se cargan desde Google Fonts, así que la página
  necesita conexión a internet.
- Este botón complementa, pero no reemplaza, que la página esté
  hecha de forma accesible (pautas WCAG 2.2).

Consultas: Laboratorio de Tecnologías Inclusivas
Secretaría de Ciencia y Tecnología del Chubut
